import React, { Component } from 'react';
import { Swiper, SwiperItem, View, Image } from '@tarojs/components'
class lunbo extends Component {
  render() {
    return (
      <div>
        <Swiper
          className='test-h'
          indicatorColor='gray'
          indicatorActiveColor='#FFFFFF'
          circular
          interval='2500'
          indicatorDots
          autoplay>
          <SwiperItem>
            <View className='lunbo'>
              <Image
                style='width:100%'
                src='http://img.alicdn.com/imgextra/i3/22/O1CN01pUGeeO1C27LzpImez_!!22-0-luban.jpg'
              />
            </View>
          </SwiperItem>
          <SwiperItem>
            <View className='lunbo'>
              <Image
                style='width:100%'
                src='https://aecpm.alicdn.com/simba/img/TB1XotJXQfb_uJkSnhJSuvdDVXa.jpg'
              />
            </View>
          </SwiperItem>
          <SwiperItem>
            <View className='lunbo'>
              <Image
                style='width:100%'
                src='https://aecpm.alicdn.com/simba/img/TB1JNHwKFXXXXafXVXXSutbFXXX.jpg'
              />
            </View>
          </SwiperItem>
        </Swiper>
        <View className='newlist'>
          <View>
            <View className='newtt t1'>NEW</View>
            <View className='newzi'>每日上新</View>
          </View>
          <View>
            <View className='newtt t2'>FREE</View>
            <View className='newzi'>免费商品</View>
          </View>
          <View>
            <View className='newtt t3'>TOP</View>
            <View className='newzi'>热销排行</View>
          </View>
          <View>
            <View className='newtt t4'>Coupon</View>
            <View className='newzi'>新人优惠</View>
          </View>
        </View>

      </div>
    );
  }
}

export default lunbo;